import * as React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import AntDesign from 'react-native-vector-icons/AntDesign';
import { Home, Person } from "../pages/index";
const Tab = createBottomTabNavigator();
// 自定义底部导航
function MyTabs() {
  return (
    <Tab.Navigator
      screenOptions={{ headerShown: false, tabBarActiveTintColor: '#61dafb', }}

    >
      <Tab.Screen name="Home" headerShown="false" component={Home}
        options={{
          tabBarLabel: '首页',
          tabBarIcon: ({ color, size }) => (
            <AntDesign name="home" color={color} size={size} />
          ),
        }} />
      <Tab.Screen name="Person" component={Person}
        options={{
          tabBarLabel: '个人中心', tabBarIcon: ({ color, size }) => (
            <AntDesign name="user" color={color} size={size} />
          ),
        }} />
    </Tab.Navigator>
  );
}
export default MyTabs;